<template>
  <div style="min-height: 730px; height: 100px">
    <!--  :style="{
        backgroundImage: 'url(' + bgColor + ')',
        backgroundSize: '100% 100%',
      }" -->
    <div id="particles-js"></div>
  </div>
</template>

<script>
/* eslint-disable */
import particlesJs from "particles.js";
import particlesConfig from "./particles.json";
export default {
  data() {
    return {
      // bgColor:require("@/assets/imgs/img10.png")   放背景图片
      bgColor: "", // 给个空地址
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      particlesJS("particles-js", particlesConfig);
      document.body.style.overflow = "hidden";
    },
  },
};
</script>

<style scoped>
#particles-js {
  /* background-image: require("@/assets/imgs/img10.png"); */
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 7;
}
</style>